<template>
  <div class="content">
    <lay-tab v-model="tabValue">
      <lay-tab-item v-for="(item,index) in rules" :title="item" :id="index">
        <Form :form="data" v-if="index === 0"></Form>
      </lay-tab-item>
    </lay-tab>
  </div>
</template>

<script setup>
import {onMounted,ref} from "vue";
import Form from './Form.vue'

const rules = ['基础信息','资质信息','技术资料','设备档案','参保信息']
const tabValue = ref(0)
const props = defineProps({
  data:{
    type:Object
  }
})

onMounted(() => {
  console.log(props.data)
})
</script>

<style scoped lang="less">
.content{
  width: 100vh;
  height: 80vh;
}
</style>